<!doctype html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>完善资料</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <script type="text/javascript" src="/Public/Member/js/jquery.min.js"></script>

    <link rel="stylesheet" href="public/css/base.css">
    <style>
        html{overflow-x: hidden;font-size: 60%;}

html body{max-width:720px;margin:auto;font-family:"microsoft yahei";min-width:320px}
li{list-style:none}
a{text-decoration:none}
@media screen and (max-width:960px){body,html{font-size:40%}
}
@media screen and (max-width:840px){body,html{font-size:40%}
}
@media screen and (max-width:720px){body,html{font-size:40%}
}
@media screen and (max-width:480px){body,html{font-size:40%}
}
@media screen and (max-width:360px){body,html{font-size:40%}
}
@media screen and (max-width:320px){body,html{font-size:40%}
}


        body{width: 100%; background: #000;}
        .show-logo{background: #000;height: 12rem;text-align: center;padding: 3rem 0rem }
        .show-logo img{height: 85%;}
        .reg-from{padding: 1.5rem 1.2rem; border-bottom: 1px #cccccc solid; margin-top: 3rem;;}
        .reg{ border: #cccccc 1px solid; border-radius:0.6rem;background: #fff}
        .border-bottom-1{border-bottom: #dddddd 1px solid;}
        .reg label{display: block;height: 4.5rem;line-height: 4.5rem;font-size: 2.5rem;color: #717171;padding-left: 1.8rem;white-space:nowrap;}
        .reg label input{font-family: "微软雅黑"; font-size: 2.4rem; padding-left: 10px; line-height: 3.5rem;color: #ababab; border:0px;}
        .reg-from .submit{margin-top: 1.5rem;height:5rem; line-height: 5rem;  background: #a9d72c; border: 0px;display: block;width: 100%; font-size: 2.6rem;color: #333;font-family: "微软雅黑";border-radius: 0.3rem; text-align: center;
    }

        .reg-info{padding: 3.5rem 1.6rem;padding-top: 1rem;}
        .reg-info h3{font-size: 2.8rem; color: #fff; font-weight: normal;}
        .reg-info p{font-size: 2.3rem; color: #ddd; font-weight: normal;line-height: 3rem;}
    </style>
    <script>
        $(function(){
            $("#tijiao").click(function(){
                var name = $("input[name='name']").val().trim();
                var phone = $("input[name='phone']").val().trim();
                if(name==""){
                    alert("请输入您的姓名");
                    return;
                }
                if(phone==""){
                       alert("请输入您的电话");
                    return;
                }
                $("#regist").submit();
            })
        })
    </script>

</head>
<body>
<div class="show-logo"><img src="/Public/Wap/hpf/images/faxiu-logo.png" alt=""></div>

    <div class="reg-from">
        <form action="{:U('')}" method="post" id="regist">
            <div class="reg">
                <label class="border-bottom-1">姓名:<input type="text" name="name" value="{$info.name}" placeholder="请输入您的姓名"></label>
                <label>电话:<input type="text" name="phone" value="{$info.phone}" placeholder="请输入您的电话"></label>
            </div>
<!--             <input class="submit" type="button" id="tijiao" value="">
<input type="button" value="立即提交"> -->
            <a href="#" class="submit" id="tijiao">立即提交</a>
        </form>
    </div><!--/reg-from-->



    <div class="reg-info">
        <h3>相关文字说明：</h3>
        <p>
            1.小时代4美男定妆照 型男暖男发型提前看 <br>
            2.港星余文乐超短发 简单大气真男人 <br>
            3.小时代4美男定妆照 型男暖男发型提前看 <br>
            4.港星余文乐超短发 简单大气真男人 <br>
        </p>
    </div><!-- /reg-info -->


</body>
</html>